@import "base";
.order-xc{
    display: flex;
    flex-direction: column;
    margin: px2rem(32px, $base-font-size) px2rem(26px, $base-font-size);
    padding: px2rem(20px, $base-font-size);
    background: #F5F5F5;
    .order-xc-title{
        color: #FF9C2C;
    }
    .order-xc-name{
        @include px2px('font-size', 24);
        border-bottom: 1px solid #BBBBBB;
        letter-spacing: 0.5px;
        @include px2px('line-height', 80);
        margin-bottom: px2rem(32px, $base-font-size);
    }
    .order-xc-info{
        display: flex;
        justify-content: space-around;
        align-items: center;
        .order-xc-xc{
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            .order-xc-xc{
                width: 100%;
                height: 1px;
                background: #aaa;
                margin: px2rem(20px, $base-font-size) 0;
                position: relative;
                div{
                    width: px2rem(40px, $base-font-size);
                    height: 1px;
                    background: #aaa;
                    transform:rotate(45deg);
                    position: absolute;
                    top: - px2rem(15px, $base-font-size);
                    right: - px2rem(5px, $base-font-size);

                }
            }
        }
        .order-xc-cfd, .order-xc-dd{
            @include px2px('font-size', 48);
        }
    }
    .order-xc-jh{
        display: flex;
        margin-top: px2rem(32px, $base-font-size);
        @include px2px('line-height', 40);
        .order-xc-jh-title{
            width: px2rem(140px, $base-font-size);
        }
    }
}
